<#macro html
title="Goodeen"
baseCssfiles=["bootstrap/bootstrap.css"]
baseJsfiles=["jquery/jquery.js","bootstrap/bootstrap.js"]>
<!DOCTYPE html>
	<head>
        <meta charset="UTF-8">
        <title>${title}</title>
        <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon">
        <#list baseCssfiles as baseCssfile>
        <link rel="stylesheet" href="/${baseCssfile}" />
        </#list>
    </head>
	<body>
        <div id="page-container" class="container wrapper">
            <#nested/>
        </div>
    </body>
</html>
<#list baseJsfiles as baseJsfile>
<script type="text/javascript" src="/${baseJsfile}"></script>
</#list>
</#macro>

<#macro formgroup label={"for":"", "class":"col-xs-3 control-label" , "value":""} content={"class":"col-xs-7"}>
	<div class="form-group">
		<#if label??>
		<label for='${label["for"]}' class='${label["class"]}'>${label["value"]}</label>
        </#if>
        <div class='${content["class"]}'>
			<#nested/>
        </div>
    </div>
</#macro>